<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html rsf:id="html" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script rsf:id="scr=portal-matter" src="/library/js/headscripts.js">
        </script>
        <link rsf:id="scr=portal-matter" href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
        <link rsf:id="scr=portal-matter" href="/library/skin/default-skin/tool.css" type="text/css" rel="stylesheet" media="all" />
        <script>includeLatestJQuery('Reorder.html');</script>
        <script src="/library/js/spinner.js"></script>
        <script src="$context/js/reorder.js"></script>
        <title rsf:id="msg=simplepage.reorder_header"></title>
    </head>
    <body rsf:id="scr=sakai-body">
        <div class="portletBody" role="application">
            <h2 id="intro" rsf:id="intro"></h2>
            <p rsf:id="instructions" class="instruction">
            </p>
            <p rsf:id="msg=simplepage.reorder_instructions_sr" class="lb-offscreen">
            </p>

            <div class="sak-banner-error" id="error" rsf:id="error"></div>
            <div class="container-fluid layoutReorderer-container" id="layoutReorderer">
                <div class="columnSetup2 row">
                    <!-- invalid drag n drop message template --><!-- Column #1 -->
                    <div class="flc-reorderer-column col1 col-md-7 list-group" id="reorderCol1">
                        <div rsf:id="sectionContainer:" class="section-container reorderItemsContainer">
                            <div rsf:id="columnContainer:" class="reorderItemsContainer">
                                <div rsf:id="item:" class="flc-reorderer-module layoutReorderer-module list-group-item">
                                    <div><h3 rsf:id="section-label" class="section-label"></h3></div>
                                    <div class="reordSeqContainer" style="display:none;">
                                        <div rsf:id="seq" class="reorderSeq"></div>
                                    </div>
                                    <div class="reordItemContainer fs-4 d-inline-flex">
                                        <span rsf:id="import-indicator" class="fa fa-angle-double-right import-indicator" aria-hidden="true"></span>
                                        <span rsf:id="icon" class="m-1 si"></span>
                                        <a href="#" rsf:id="link-button"><span rsf:id="link-button-text"></span></a>
                                        <a href="#" rsf:id="link"><span rsf:id="link-text"></span></a>
                                        <span rsf:id="link-fake"></span>
                                        <div rsf:id="text-snippet" class="reordItemContainerDesc textPanelFooter"></div>
                                        <span class="reordItemContainerDesc textPanelFooter" rsf:id="description"></span>
                                        <a rsf:id="previewlink" class="preview-link" data-bs-toggle="modal">
                                            <span rsf:id="text-snippet2"></span>
                                        </a>
                                        <span rsf:id="dellink"></span>
                                    </div>
                                    <div class="reordDeleteContainer">
                                        <a href="javascript:void(0);" class="deleteAnswerTrashLink"><span rsf:id="dellink" class="fa fa-trash-o fa-2x"></span></a>
                                        <a href="javascript:void(0);" rsf:id="dellinkmoveup" class="deleteAnswerLink"><span class="fa fa fa-compress fa-2x" aria-hidden="true"></span><span rsf:id="msg=simplepage.reorder.delete.up" class="sr-only"></span></a>
                                        <a href="javascript:void(0);" rsf:id="dellinksection" class="deleteAllLink"><span class="fa fa-trash-o fa-2x" aria-hidden="true"></span><span rsf:id="msg=simplepage.reorder.delete.all" class="sr-only"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flc-reorderer-column col2 panel panel-danger col-md-4 col-md-offset-1" id="reorderCol2">
                        <div class="deleteListMessageEmpty reorderItemsContainer" id="deleteListHead">
                            <span rsf:id="msg=simplepage.reorder_delebox">Drop off here</span>
                        </div>
                    </div>
                </div>
            </div>

            <div rsf:id="subpage-div" style="clear:both;">
                <a href="#" id="subpage-choose" rsf:id="subpage-choose"><span rsf:id="msg=simplepage.choose_existing_page"></span></a>
            </div>
            <form action="#" rsf:id="form" style="margin-top:2em;clear:both;">
		            <input type="hidden" rsf:id="csrf" id="csrf"/>
                <p class="act">
                    <input type="hidden" rsf:id="otherpage" id="otherpage" />
                    <input type="hidden" rsf:id="order" id="order" />
                    <input type="submit" rsf:id="save" id="save" onclick="SPNR.disableControlsAndSpin(this, null);" />
                    <input type="submit" rsf:id="cancel" />
                </p>
            </form>

            <div rsf:id="modal:">
                <div rsf:id="previewmodal" class="modal fade" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <strong><span rsf:id="msg=simplepage.preview.header"></span></strong>
                            </div>
                            <div class="modal-body" style="overflow: auto;">
                                <span rsf:id="previewcontent"></span>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-bs-dismiss="modal"><span rsf:id="msg=simplepage.reorder.close"></span></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
